<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE html>
<html>
    <head>
        <link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
        <title>Share this via Email or Post Facebook and Twitter</title>        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            a:visited {color:#404042;}  /* visited link */
            a:hover {color:#404042;}  /* mouse over link */
            a:active {color:#404042;}  /* selected link */
        </style>
        <style>
            @font-face
            {
                font-family: avant;
                src: url('${model.props.appPath}/fonts/avangmi-webfont.ttf');
            }
            -webkit-overflow-scrolling: touch; 
        </style> 
        
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.10.3-ui.min.js"></script> 
        <script type="text/javascript" src="${model.props.appPath}/js/token/jquery.tokeninput.js"></script> 
         
        <script type="text/javascript">
            $(function() {
                $("#table-listings tr:even").css("background-color", "#ececec");
            });                 
        </script>
        
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>        
        
        <script type="text/javascript">
            (function() {
            var s=document.createElement('script');s.type='text/javascript';s.async = true;
            s.src='http://s1.smartaddon.com/share_addon.js';
            var j =document.getElementsByTagName('script')[0];j.parentNode.insertBefore(s,j);
            })();
        </script>
                                
    </head>


    <body style="text-align: center; background-color: #FAFAFA; color: #404042; font-family: avant, Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;" >

        <div style="margin-top: 0px; background-color: white;">

            <%@include file="header.jsp" %>

            <div style="width: 100%; text-align: left; font-family: avant, Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/content-bg-short.jpg'); background-repeat: repeat-x; display: block; position: relative; top: -2px;">

                <br>                  

                <div style="width: 1020px; margin-top: 10px; margin: 0 auto;">
                    <br>
                    <h1>&nbsp;Leverage these tools to get more leads/clients:</h1>
                    
                    
                    <br>
                    <span style="color:#505050; font-size: 15px;">&nbsp;Share your rental property with your Facebook groups and Twitter followers to gain more viewership.</span>
                    <hr>
                    <br>
                    <table style="width:100%" cellpadding="5" cellspacing="5">
                        <tr>
                            <td align="right" style="width:45%">
                                <a href="#" 
                                   onclick="
                                   window.open(
                                   'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('${model.props.appPath}/long-term-rentals/${fn:toLowerCase(model.listing.city)}/${model.listing.urlTitle}/${model.listing.id}'), 
                                   'facebook-share-dialog', 
                                   'width=626,height=436'); 
                                   return false;">
                                   <img src="${model.props.appPath}/img/btn-facebook-share.jpg" />
                                </a>
                            </td>
                            <td align="left">
                                <a href="#" 
                                   onclick="
                                   window.open(
                                   'http://twitter.com/intent/tweet?text=${model.listing.title}&url=${model.props.appPath}/long-term-rentals/${fn:toLowerCase(fn:trim(model.listing.city))}/${model.listing.urlTitle}/${model.listing.id}', 
                                   'twitter-share-dialog', 
                                   'width=626,height=436'); 
                                   return false;">
                                   <img src="${model.props.appPath}/img/btn-twitter-share.jpg" />
                                </a>
                            </td>
                        </tr>
                    </table>  
                            
                    <br><br><br>           
                    <span style="color:#505050; font-size: 15px;">&nbsp;Email your property to clients in your address book, or agents you work with and friends.</span>
                    
                    <hr>
                    <br>
                    <table style="width:100%" cellpadding="5" cellspacing="5">
                        <tr>
                            <td align="center" colspan="2">
                                <c:choose>
                                    <c:when test="${model.listing.leaseLongTerm}">
                                        <a href="${model.props.appPath}/long-term-rentals/${fn:toLowerCase(model.listing.city)}/${model.listing.urlTitle}/${model.listing.id}" title="Share Button" onclick="return sa_tellafriend('','addressbook')"><img src="${model.props.appPath}/img/btn-email-share.jpg" width="240px" height="44"/></a>
                                    </c:when>
                                    <c:otherwise>
                                        <a href="${model.props.appPath}/short-term-rentals/${fn:toLowerCase(model.listing.city)}/${model.listing.urlTitle}/${model.listing.id}" title="Share Button" onclick="return sa_tellafriend('','addressbook')"><img src="${model.props.appPath}/img/btn-email-share.jpg" width="240px" height="44"/></a>                                    
                                    </c:otherwise>
                                </c:choose>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td align="right"></td>
                            <td align="right">
                                <br><br> 
                                <a href="listing.htm?a=2&id=${model.listing.id}" style="color: #369; font-size: 18px;"><u>Done. Take me to my listing.</u></a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="${model.props.appPath}/post" style="color: #369; font-size: 18px;"><u>Post another property</u></a>  
                            </td>
                        </tr>
                    </table> 
                    
                    <br><br>

                </div>

                <br><br>                

            </div>

            <%@include file="footer.jsp" %>

        </div>

    </body>


</html>
